<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>找回密码-手机邮箱密保验证</title>
    <meta name="keywords" content="SEO内容，关键词" />
    <meta name="description" content="SEO内容，页面描述" />
    <link href="../../css/member/reset.css" rel="stylesheet">	
    <link href="../../css/member/common.css" rel="stylesheet">
    <link href="../../css/member/passwords.css" rel="stylesheet" />
    
    <script type="text/javascript" src="../../jslib/jquery_1_8_3.min.js"></script>
 	<script type="text/javascript" src="../../js/back-password.js"></script>
 	<script type="text/javascript" src="../../js/countDown.js"></script>
</head>

<body>
	<div class="flowsteps">
     <ol class="num">
    <li class="befourline"></li>
    <li class="first done"> <span> <i>1</i> <em>输入帐号</em> </span> </li>
    <li class="current"> <span> <i>2</i> <em>身份验证</em> </span> </li>
    <li> <span> <i>3</i> <em>重置密码</em> </span> </li>
    <li class="last"> <span> <i>4</i> <em>找回成功</em> </span> </li>
    <li class="afterline"></li>
  </ol>
  </div>
<div class="revisecont">
    <div class="revise">
     <div class="verify-inpt">
			<ul id="tab" class="tabbtnone f-yahei clearfix">
				<li rel="#one" class="current"><i class="login-icon icon-32-mobile icon-32"></i>手机验证</li>
				<li rel="#two"><i class="login-icon icon-32-email-gray icon-32"></i>邮箱验证</li>
                <li rel="#three"><i class="login-icon icon-32-user-gray icon-32"></i>密保验证</li>
			</ul>
			<div class="tabtxt">
				<div id="one" class="mobile">
					
					<form name="form1" id="form1" method="post" action="test.html">
					<ul>
						
						<li class="mb-10"><label><input type="hidden" name="tel" id="tel" class="phonecolor" value="13812345159"/></label></li>
						<li class="mb-10"><label>您的手机：</label><span class="phonecolor" id="telDiv">13812345159</span></li>
						
						<li class="mb-46"><label>&nbsp;</label><span class="getcode f-yahei" id="gaincode">获取验证码</span></li>
						<!--<li class="mb-46"><label>&nbsp;</label><input type="button" class="getcode f-yahei" id="gaincode" name="gaincode" value="获取验证码" onclick="countDown()"/></li>-->
						<!--<li class="mb-46"><label>验证码：</label><input class="m-member" name="" value=""><span class="m-notice m-err"><i></i><span>验证码错误！</span></span></li>-->
						<li class="mb-46"><label>验证码：</label><input class="m-member" id="indentycode" name="indentycode" value="" validate="yzm" rel-required="true"></li>
						<li><label>&nbsp;</label><input class="btn zt" name="" type="submit" id="submit1" value="下一步"></li>
					</ul>
					</form>
				</div>
				<div id="two" class="mail">
					<form name="form2" id="form2" method="post" action="test.html">
					<ul>
						<li class="mb-10"><label></label><input type="hidden" id="email" class="phonecolor" value="123456@163.com" /></li>
						<li class="mb-10"><label>邮箱名：</label><span class="phonecolor" id="emailDiv">123456@163.com</span></li>
						<!--<li class="mb-10"><label>邮箱名：</label><span class="phonecolor">Mas***@163.com</span></li>-->
						
						<li class="mb-46"><label>&nbsp;</label><span class="getcode f-yahei">获取验证码</span><span class="email">若当前邮箱已不用，或无法收到验证码。请致电客服帮助找回密码。</li>
						<!--<li class="mb-46"><label>&nbsp;</label><input type="button" class="getcode f-yahei" id="gaincode2" value="获取验证码" onclick="countDown()"/><span class="email">若当前邮箱已不用，或无法收到验证码。请致电客服帮助找回密码。</li>-->
						<!--<li class="mb-46"><label>验证码：</label><input class="m-member" name="" value=""><span class="m-notice m-err"><i></i><span>验证码输入有误！</span></span></li>-->
						<li class="mb-46"><label>验证码：</label><input class="m-member" name="indentycode2" value="" id="indentycode2" validate="yzm" rel-required="true"></li>
						<li><label>&nbsp;</label><input class="btn zt" id="submit2" name="submit2" type="submit" value="下一步"></li>
					</ul>
					</form>				
				</div>
                <div id="three" class="mail">
                	<form id="form3" name="form3" method="post" action="test.html">
					<ul>
						<li class="mb-10"><label>问 题 一：</label><span class="matter">您小学班主任的名字是？</span></li>
						<li class="mb-46"><label>&nbsp;</label><input class="m-member" id="teacher" name="teacher" value=""></li>
						<li class="mb-10"><label>问 题 二：</label><span class="matter">您的出生地是？</span></li>
						<li class="mb-46"><label>&nbsp;</label><input class="m-member" id="address" name="address" value=""></li>
                        <li class="mb-10"><label>问 题 三：</label><span class="matter">您中学的学校名称是？</span></li>
						<li class="mb-46"><label>&nbsp;</label><input class="m-member" id="school" name="school" value=""></li>
						<!--<li><label>&nbsp;</label><input class="btn zt" name="submit" id="submit" type="submit" value="下一步"><span class="m-notice m-err gap"><i></i><span>答案错误，请输入正确的密保答案</span></span></li>-->
						<li><label>&nbsp;</label><input class="btn zt" name="submit3" id="submit3" type="submit" value="下一步"></li>
					</ul>
					</form>					
				</div>
			</div>
            <p class="customer">如果遇到问题，您可以直接致电客服4008-020-666</p>
		</div>
  </div>
</div>
<script type="text/javascript" src="../../jslib/jquery_1_8_3.min.js"></script>
<script src="../../js/component/ECar.tab.js"></script>

<script src="../../js/validate.js"></script>
<script type="text/javascript" src="../../js/verify.js"></script>
<script>
	
		ECar.tab({
			selector : "#tab",
			selected:"current"
		});		


 


$(function(){
	
    
    //手机验证
    ECar.validate.init({
      formid:'form1',
      config:{
      	'yzm':{
      		'empty':'验证码不能为空',
      		'err':'验证码输入有误'
      	}
      }
    });

    $('#submit1').click(function(){
    	return ECar.validate.init.submit('form1');
    });
    
    
    //邮箱验证
    ECar.validate.init({
      formid:'form2',
      config:{
      	'yzm':{
      		'empty':'验证码不能为空',
      		'err':'验证码输入有误'
      	}
      }
    });

    $('#submit2').click(function(){
    	return ECar.validate.init.submit('form2');
    });
  
});

</script>
</body>
</html>
